.trend-chart {
  .card {
    position: relative;
    height: 260px;
    padding: 10px 16px;
  }
  .trend-chart-echart {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 310px;
    padding: 0 8px;
    height: 250px !important;
  }
  .title-bar {
    position: relative;
  }
  .time-selector {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    .time-value {
      font-size: 13px;
      color: #4d525c;
      line-height: 20px;
      vertical-align: middle;
    }
    .icon-down-line {
      font-size: 20px;
      vertical-align: middle;
    }
  }
  .at-float-layout__overlay {
    background-color: rgba($color: #000000, $alpha: 0.5);
  }
  .layout-body__content,
  .layout-body,
  .at-float-layout .layout-body__content,
  .at-float-layout__container {
    min-height: auto !important;
    max-height: auto !important;
    height: auto !important;
  }
  // .at-float-layout__container {
  //   padding-bottom: 34px;
  // }
  .layout-header__title {
    font-size: 15px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #262626;
    line-height: 48px;
    padding-right: 0;
    background-color: #fff;
    text-align: center;
  }
  .layout-header__btn-close {
    width: 20px;
    height: 20px;
    padding: 0;
    margin: 0;
    background: url(../../assets/close-black.png);
    background-size: cover;
    &::after,
    &::before {
      display: none;
    }
  }
  .layout-body {
    padding: 0;
  }
  .layout-body__content {
    min-height: auto;
    max-height: auto;
  }
  .menu-list {
    padding-bottom: 0;
  }
}
